﻿<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="../css/reset.css" type="text/css">
<link href="../css/style.css" rel="stylesheet" type="text/css">
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery-ui.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<title>Partes de Trabajo</title>
<script type="text/javascript">
    $(document).ready(function(){
	
    	$("#datepicker").datepicker();
    	
    	$("#commentForm").validate();
    	
    	$("#help").click(function(e){
			e.preventDefault();
		
			$("#help-text").load("../help/help.html");
		});
	});
</script>
</head>

<body>

<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1><a href="#">Partes de Trabajo</a></h1>
		</div>
		<div id="menu">
			<ul>
				<li>Trabajo para probar JQuery</li>
			</ul>
			<br class="clearfix"></div>
	</div>
	<div id="page">
		<div id="content">
			<div class="box">
				<a id="help" href="">Ayuda</a>
				<div id="help-text">
				</div>
				<form id="commentForm" action="" method="post">
					<fieldset>
					<legend>Parte de Trabajo</legend>
					<label for="date">Fecha</label>
					<div class="div_texbox">
						<input id="datepicker" class="required date" name="date" type="text"></div>
					<label for="client">Cliente</label>
					<div class="div_texbox">
						<input id="text" name="client" type="text"></div>
					<label for="workType">Tipo de trabajo</label>
					<div class="div_texbox">
						<input id="text" name="workType" type="text"></div>
					<label for="time">Duración</label>
					<div class="div_texbox">
						<input id="text" name="hours" type="text" class="required number" min="0" max="24">h
						<input id="text" name="minutes" type="text" class="required number" min="0" max="60">min</div>
					<div class="button_div">
						<input class="buttons" type="submit" value="Enviar"></div>
					</fieldset>
				</form>
			</div>
			<br class="clearfix"></div>
		<div id="sidebar">
			<ul>
				<li><a href="login.html">Login</a></li>
				<li><a href="form.html">Form</a></li>
			</ul>
		</div>
		<br class="clearfix"></div>
</div>
<div id="footer">
	Oihane Crucelaegui</div>

</body>

</html>
